<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./public/css/bootstrap.min.css">
    <link rel="stylesheet" href="./public/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="./public/css/iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/home.css">
    <script src="./public/js/echarts.min.js"></script>
    <title>食品配料安全检测管理系统</title>
</head>
<body style="overflow: -Scroll;overflow-x: hidden;">
    <div class="container-fuilt">
        <div class="mes">3232</div>
        <!-- 导航  -->
        <div class="row">
            <div class="col-xs-6 col-sm-4 topNav">
                <div class="iconfont icon-guanli logo"></div><h4 style="line-height: 80px; color: #fff; font-size: 24px;">食品配料安全检测管理系统</h4>
            </div>
            <div class="col-xs-6 col-sm-4 topNav">
            
            </div>
            <div class="col-xs-6 col-sm-4 topNav">
                <div id="user">下午好，<span id="username"></span> 欢迎您！</div>
            </div>
        </div>
        <!-- 主页面 -->
        <div class="row">
            <!-- 左部 -->
            <div class="col-xs-6 col-sm-2 sec-left">
                <div class="left-top">管理功能菜单</div>
                <button type="button" class="layui-btn layui-btn-fluid leftList listActive">食品配料安全检测信息分类</button>
                <button type="button" class="layui-btn layui-btn-fluid leftList">食品配料安全检测信息登记管理</button>
                <button type="button" class="layui-btn layui-btn-fluid leftList">食品配料安全检测分析管理</button>
                <button type="button" class="layui-btn layui-btn-fluid leftList">食品配料安全检测信息征集管理</button>
                <button type="button" class="layui-btn layui-btn-fluid leftList">食品配料安全检测采集管理</button>
                <button type="button" class="layui-btn layui-btn-fluid leftList">系统用户管理</button>
            </div>
            <!-- 右部 -->
            <div class="col-xs-6 col-sm-10 sec-right">
                <!-- 页面1 -->
                <div class="rightPage active">
                    <div class="rPTop">
                        <div class="layui-input-inline">
                            <input type="text"class="layui-input" id="topIup_1">
                        </div>
                        <button type="button" class="layui-btn" id="select_1">查询</button>
                    </div>
                    <button type="button" class="layui-btn layui-btn-sm addBtn_1">+添加</button>
                    <button type="button" class="layui-btn layui-btn-fluid" style="margin: 2px 0 0;">食品配料安全检测信息</button>
                    <!-- 表单 -->
                    <table class="table table-bordered">
                        <thead>
                           <tr>
                              <th>序号</th>
                              <th>型号</th>
                              <th>分类名称</th>
                              <th>分类说明</th>
                              <th>操作</th>
                           </tr>
                        </thead>
                        <tbody class="dataList_1">
                           
                        </tbody>
                    </table>
                    <div class="addList">
                        <div class="addInpput">
                            <label class="layui-form-label">型号：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-type-1">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">名称：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-name-1">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">备注：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-exp-1">
                            </div>
                        </div>
                        <div class="addInpput Btn-group">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn Btn-back">取消</button>
                                <button type="button" class="layui-btn Btn-save" id="add-save">保存</button>
                              </div>
                        </div>
                    </div>
                </div>
                <!-- 页面2 -->
                <div class="rightPage">
                    <div class="rPTop">
                        <div class="layui-input-inline">
                            <input type="text"class="layui-input" id="topIup_2">
                        </div>
                        <button type="button" class="layui-btn" id="select_2">查询</button>
                    </div>
                    <button type="button" class="layui-btn layui-btn-sm addBtn_2">+添加</button>
                    <button type="button" class="layui-btn layui-btn-fluid" style="margin: 2px 0 0;">食品配料安全检测信息管理</button>
                    <!-- 表单 -->
                    <table class="table table-bordered">
                        <thead>
                           <tr>
                              <th>序号</th>
                              <th>食品编号</th>
                              <th>食品名称</th>
                              <th>农药检测</th>
                              <th>兽药检测</th>
                              <th>重金属检测</th>
                              <th>生物病毒检测</th>
                              <th>添加剂检测</th>                              
                              <th>包装材料检测</th>
                              <th>操作</th>
                           </tr>
                        </thead>
                        <tbody class="dataList_2">
                           
                        </tbody>
                    </table>
                    <div class="addList_2">
                        <div class="addListLeft">
                            <div class="addInpput">
                                <label class="layui-form-label">食品编号：</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="foodId">
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-inline">
                                    <label class="layui-form-label">生产日期：</label>
                                    <div class="layui-input-inline">
                                    <input type="text" name="date" id="date" lay-verify="date" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">农药检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodPest">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">农药检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="foodPestInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">兽药检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodVeter">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">兽药检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="foodVeterInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">重金属检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodMetal">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">重金属检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="foodMetalInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div> 
                        <div class="addListRight">
                            <div class="addInpput">
                                <label class="layui-form-label">食品名称：</label>
                                <div class="layui-input-inline">
                                    <input type="text" class="layui-input" id="name">
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">生物毒素检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodToxin">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">生物毒素检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="foodToxinInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">添加剂检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodAddi">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">添加剂检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea"  id="foodAddiInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                            <div class="addInpput">
                                <label class="layui-form-label">包装材料检测是否合格：</label>
                                <div class="layui-input-inline">
                                    <select class="select-input layui-input" id="foodWrap">
                                        <option value="合格">合格</option>
                                        <option value="不合格">不合格</option>
                                    </select>
                                    
                                </div>
                            </div>
                            <div class="addInpput">
                                <div class="layui-form-item layui-form-text">
                                    <label class="layui-form-label">包装材料检测说明：</label>
                                    <div class="layui-input-block">
                                    <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="foodWrapInfo"></textarea>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="addInpput Btn-group-2">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn Btn-back_2">取消</button>
                                <button type="button" class="layui-btn Btn-save_2">保存</button>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 页面3 -->
                <div class="rightPage" >
                    <div id="main"></div>
                </div>
                <!-- 页面4 -->
                <div class="rightPage">
                    <div class="rPTop">
                        <div class="layui-input-inline">
                            <input type="text"class="layui-input" id="topIup_4">
                        </div>
                        <button type="button" class="layui-btn" id="select_4">查询</button>
                    </div>
                    <button type="button" class="layui-btn layui-btn-sm addBtn_4">+添加</button>
                    <button type="button" class="layui-btn layui-btn-fluid" style="margin: 2px 0 0;">食品配料安全检测信息</button>
                    <!-- 表单 -->
                    <table class="table table-bordered">
                        <thead>
                           <tr>
                              <th>序号</th>
                              <th>信息编号</th>
                              <th>征集信息名称</th>
                              <th>征集内容</th>
                              <th>操作</th>
                           </tr>
                        </thead>
                        <tbody class="dataList_4">
                           <tr>
                              <td>1</td>
                              <td>jc-001</td>
                              <td>标题</td>
                              <td>说明</td>
                              <td>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs">修改</button>
                                <button type="button" class="layui-btn layui-btn-primary layui-btn-xs">删除</button>
                            </td>
                           </tr>
                        </tbody>
                    </table>
                    <div class="addList_4">
                        <div class="addInpput">
                            <label class="layui-form-label">信息编号：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-type-4">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">征集信息名称：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-name-4">
                            </div>
                        </div>
                        <div class="addInpput">
                            <div class="layui-form-item layui-form-text">
                                <label class="layui-form-label">农药检测说明：</label>
                                <div class="layui-input-block">
                                <textarea name="desc" placeholder="请输入内容" class="layui-textarea" id="input-exp-4"></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="addInpput Btn-group-4">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn Btn-back_4">取消</button>
                                <button type="button" class="layui-btn Btn-save_4">保存</button>
                              </div>
                        </div>
                    </div>
                </div>
                <!-- 页面5 -->
                <div class="rightPage">
                    <div class="rPTop">
                        <div class="layui-input-inline">
                            <input type="text"class="layui-input" id="topIup_5">
                        </div>
                        <button type="button" class="layui-btn" id="select_5">查询</button>
                    </div>
                    <button type="button" class="layui-btn layui-btn-sm addBtn_5">+添加</button>
                    <button type="button" class="layui-btn layui-btn-fluid" style="margin: 2px 0 0;">食品配料安全检测信息</button>
                    <!-- 表单 -->
                    <table class="table table-bordered">
                        <thead>
                           <tr>
                              <th>序号</th>
                              <th>食品编号</th>
                              <th>标题</th>
                              <th>征集数据项统计</th>
                              <th>操作</th>
                           </tr>
                        </thead>
                        <tbody class="dataList_5">
                          
                        </tbody>
                    </table>
                    <div class="addList_5">
                        <div class="addInpput">
                            <label class="layui-form-label">食品编号：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-id">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">食品名称：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-name">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">采集数据1：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-number_1">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">采集数据2：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-number_2">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">采集数据3：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-number_3">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">采集数据4：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-number_4">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">采集数据5：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" id="input-list-number_5">
                            </div>
                        </div>
                        <div class="addInpput Btn-group">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn Btn-back_5">取消</button>
                                <button type="button" class="layui-btn Btn-save_5">保存</button>
                              </div>
                        </div>
                    </div>
                </div>
                <!-- 页面6 -->
                <div class="rightPage">
                    <div class="adminPage">
                        <div class="addInpput">
                            <label class="layui-form-label">用户名：</label>
                            <div class="layui-input-inline">
                                <input type="text" class="layui-input" disabled="disabled" id="admin">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">密码：</label>
                            <div class="layui-input-inline">
                                <input type="password" class="layui-input" id="password">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">修改密码：</label>
                            <div class="layui-input-inline">
                                <input type="password" class="layui-input" id="pass_1">
                            </div>
                        </div>
                        <div class="addInpput">
                            <label class="layui-form-label">确认密码：</label>
                            <div class="layui-input-inline">
                                <input type="password" class="layui-input" id="pass_2">
                            </div>
                        </div>
                        <div class="addInpput Btn-group-6">
                            <div class="layui-btn-group">
                                <button type="button" class="layui-btn" id="submit">修改</button>
                              </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./public/layui/layui.js"></script>
    <script src="./public/js/jquery-3.4.1.min.js"></script>
    <script>
       layui.use(['form', 'laydate','layer'], function(){
        var form = layui.form
        ,laydate = layui.laydate
        ,layer = layui.layer;
            //日期
            laydate.render({
            elem: '#date'
            });
            laydate.render({
                elem: '#date1'
            });
            form.on('submit(formDemo)', function(data){
                layer.msg(JSON.stringify(data.field));
                return false;
            });
            //消息
        });
    </script>
    <script src="./js/home.js"></script>
    <script src="./js/homeServer.js"></script>
</body>
</html>